body, html{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	#header1{
		height: 15%;
		display: block;
		background: url(logo-noticias.png) no-repeat center;
	}
	#buscar{
		width: 200px;
		height: 17px;
		position: absolute;
		right: 300px;
		top: 50px;
		border: 1px solid #B0ACB5;
		border-radius: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-top: 5px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
	}
	#iconob{
		position: absolute;
		right: 265px;
		top: 47px;
		width: 30px;
		height: 30px;
	}
	#main{
		display: -webkit-flex;
		display: flex;
		height: 100%;
		background: rgba(255,255,255,1);
		background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(150,142,150,1) 100%);
		background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(150,142,150,1) 100%);
		background: linear-gradient(rgba(255,255,255,1) 0%, rgba(150,142,150,1) 100%);
	}
	nav{
		width: 20%;
	}
	ul{
		list-style-type: none;
		margin: 5px;
		padding: 5px;
	}
	li a{
		text-decoration: none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
		font-style: oblique;
		border-bottom: dotted 2px #B6B8AB;
		display: block;
		padding: 8px;
		color: #67695A;
	}
	li a:hover{		
		padding: 9px;
		color: #000;
		border-image: linear-gradient(0deg, transparent, #000 50%, transparent) 0 0 100%;
		-webkit-border-image: -webkit-linear-gradient(0deg, transparent, #000 50%, transparent) 0 0 100%;
		-o-border-image: -o-linear-gradient(0deg, transparent, #000 50%, transparent) 0 0 100%;
		-moz-border-image: -moz-linear-gradient(0deg, transparent, #000 50%, transparent) 0 0 100%;
	}
	section{
		width: 60%;
	}
	#header2{
		width: 100%;
		height: 40%;
	}
	img {
		float: left;
		margin-left: 50px;
	}
	.principal{
		text-align: center;
	}
	.extracto{
		margin-top: 50px;
	}
	h2 a{
		color: #272822;
		font-family: Verdana, Arial, sans-serif;
		text-decoration: none;
	}
	.date1{
		font-size: 11px;
		text-align: left;
		margin-left: 350px;
	}
	.date1 a{
		text-decoration: none;
		color: #000;
	}
	.texto1{
		color: #000;
		margin-left: 350px;
		text-align: left;
	}
	.leer{
		text-align: left;
		margin-left: 350px;
	}
	.leer a{
		color: #fff;
		text-decoration: none;
		background: rgba(196,196,196,1);
		background: -webkit-linear-gradient(rgba(196,196,196,1) 0%, rgba(19,19,19,1) 100%);
		background: -o-linear-gradient(rgba(196,196,196,1) 0%, rgba(19,19,19,1) 100%);
		background: linear-gradient(rgba(196,196,196,1) 0%, rgba(19,19,19,1) 100%);
		padding: 5px;
		border-radius: 5px;
	}
	.leer a:hover{
		background: rgba(19,19,19,1);
		background: -webkit-linear-gradient(rgba(19,19,19,1) 0%, rgba(19,19,19,1) 11%, rgba(196,196,196,1) 100%);
		background: -o-linear-gradient(rgba(19,19,19,1) 0%, rgba(19,19,19,1) 11%, rgba(196,196,196,1) 100%);
		background: linear-gradient(rgba(19,19,19,1) 0%, rgba(19,19,19,1) 11%, rgba(196,196,196,1) 100%);
		margin: -2px;
	}
	#articulo{
		text-align: left;
		height: 47%;

	}
	.date2{
		text-align: left;
		font-size: 11px;
	}
	.date2 a{
		text-decoration: none;
		color: #000;
	}
	.texto2{
		width: 65%;		
		float: left;
	}
	#footer1{
		width: 100%;
		text-align: center;
		position: inherit;
		height: 25px;
	}
	aside{
		width: 20%;
	}
	aside div{
		width: 200px;
		height: 200px;
		border: 3px solid;
		margin: 30px;
		border-radius: 50%;
		-webkit-box-shadow: 0px 11px 11px 4px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 11px 11px 4px rgba(0,0,0,0.75);
		box-shadow: 0px 11px 11px 4px rgba(0,0,0,0.75);
	}
	#aside .img1{
		background-image: url(http://static.vecteezy.com/system/resources/previews/000/023/511/original/Marilyn-Monroe-vector.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 220px 220px;
	}
	#aside .img2{
		background-image: url(http://image.shutterstock.com/display_pic_with_logo/1461488/138286478/stock-vector-vector-illustration-of-uncle-sam-138286478.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 220px 220px;
	}
	#aside .img3{
		background-image: url(http://www.concitaprevia.com/blog/wp-content/uploads/2013/03/vector_world.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 220px 220px;
	}
	#footer2{
		display: block;
		height: 100px;
		width: 100%;
		background-image: url(http://www.inwin-style.com/es/themes/default/images/footer_icon.png);
		background-repeat: no-repeat;
		background-position: center;
	}